<template>
	<view class="notice data-v-a80cfeba">
		<view class="view_scroll data-v-a80cfeba">
			<scroll-view class="scroll data-v-a80cfeba" scrollWithAnimation="true" scrollY="true">
				<view class="message-list data-v-a80cfeba" v-for="(item,index) in noticeListData" :key="index">
					<view class="message-time data-v-a80cfeba">{{item.messageTime}}</view>
					<view class="message-wrap data-v-a80cfeba">
						<view class="message-head data-v-a80cfeba">
							<image class="avatar data-v-a80cfeba"
								src="https://ehealth.ipd.hihonor.com/etmcstatic//default_icon.png"></image>
							<text class="title data-v-a80cfeba">{{item.title}}</text>
						</view>
						<view class="message data-v-a80cfeba">{{item.content}}</view>
					</view>
				</view>
			</scroll-view>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				noticeListData: [{
					title: '系统通知',
					content: '您的训练方案在当前周期内还未执行达标，请尽快预约场地按要求频次执行训练方案。',
					messageTime: '2025-04-24 03:00'
				}, {
					title: '系统通知',
					content: '您的训练方案在当前周期内还未执行达标，请尽快预约场地按要求频次执行训练方案。',
					messageTime: '2025-04-17 03:00'
				}, {
					title: '系统通知',
					content: '您的训练方案在当前周期内还未执行达标，请尽快预约场地按要求频次执行训练方案。',
					messageTime: '2025-04-10 03:00'
				}]
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style>
	page.data-v-a80cfeba {
		min-height: 100%;
		width: 100%;
	}

	page.data-v-a80cfeba,
	view.data-v-a80cfeba {
		display: flex;
	}

	.notice.data-v-a80cfeba {
		background-color: #f2f3f5;
		flex: 1;
		flex-direction: column;
		height: 100vh;
		overflow: hidden;
		position: relative;
	}

	.status_bar.data-v-a80cfeba {
		height: 110rpx;
		width: 100%;
	}

	.title_nav.data-v-a80cfeba {
		align-items: center;
		flex-direction: row;
		flex-wrap: nowrap;
		height: 110rpx;
	}

	.title_nav .view_back.data-v-a80cfeba {
		align-items: center;
		display: flex;
		height: 110rpx;
		justify-content: center;
		width: 110rpx;
	}

	.title_nav .view_back .icon_back.data-v-a80cfeba {
		height: 50rpx;
		width: 50rpx;
	}

	.title_nav .view_back.data-v-a80cfeba:active {
		background-color: #eee;
	}

	.title_nav .text_title.data-v-a80cfeba {
		font-size: 40rpx;
		font-weight: 500;
	}

	.view_scroll.data-v-a80cfeba {
		align-items: center;
		flex: 1;
		justify-content: center;
		position: relative;
	}

	.scroll.data-v-a80cfeba {
		bottom: 0;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}

	.scroll .message-list.data-v-a80cfeba {
		flex-direction: column;
	}

	.scroll .message-list.data-v-a80cfeba:last-of-type {
		margin-bottom: 0;
	}

	.scroll .message-list .message-time.data-v-a80cfeba {
		color: rgba(0, 0, 0, 0.4);
		font-size: 24rpx;
		justify-content: center;
	}

	.scroll .message-list .message-wrap.data-v-a80cfeba {
		background-color: #fff;
		border-radius: 24rpx;
		flex-direction: column;
		margin: 16rpx 32rpx 32rpx;
		padding: 32rpx;
	}

	.scroll .message-list .message-wrap .message-head.data-v-a80cfeba {
		align-items: center;
		margin-bottom: 23rpx;
	}

	.scroll .message-list .message-wrap .message-head .avatar.data-v-a80cfeba {
		height: 56rpx;
		margin-right: 15rpx;
		width: 56rpx;
	}

	.scroll .message-list .message-wrap .message-head .title.data-v-a80cfeba {
		color: #3a3a3a;
		font-size: 32rpx;
		letter-spacing: 0rpx;
		line-height: 45rpx;
	}

	.scroll .message-list .message-wrap .message.data-v-a80cfeba {
		box-sizing: border-box;
		color: rgba(0, 0, 0, 0.5);
		font-size: 28rpx;
		letter-spacing: 0rpx;
		line-height: 40rpx;
		min-height: 40rpx;
		text-align: left;
		white-space: pre-wrap;
		word-break: break-all;
	}

	.scroll .uni-load-more .uni-load-more__text.data-v-a80cfeba {
		color: rgba(0, 0, 0, 0.4);
		font-size: 24rpx;
		line-height: 40rpx;
	}

	.scheme_text_title.data-v-a80cfeba {
		color: rgba(0, 0, 0, 0.871);
		font-size: 32rpx;
		font-weight: 700;
	}

	.scheme_text_time.data-v-a80cfeba {
		color: rgba(0, 0, 0, 0.6);
		font-size: 24rpx;
		margin-top: 4rpx;
	}

	.scheme_text_info.data-v-a80cfeba {
		display: flex;
		flex: 1;
		flex-direction: column;
		justify-content: center;
		margin-left: 24rpx;
	}

	.scheme_img.data-v-a80cfeba {
		color: #fff;
		height: 96rpx;
		width: 96rpx;
	}

	.scheme_info.data-v-a80cfeba {
		flex: 1;
		padding: 34rpx;
	}

	.scheme_img_background.data-v-a80cfeba,
	.scheme_info.data-v-a80cfeba {
		align-items: center;
		display: flex;
	}

	.scheme_img_background.data-v-a80cfeba {
		background: #000;
		background-color: #ff8851;
		border-radius: 20rpx;
		height: 96rpx;
		justify-content: center;
		width: 96rpx;
	}

	.scheme_item.data-v-a80cfeba {
		align-items: center;
		background-color: #fff;
		border-radius: 30rpx;
		display: -webkit-flex;
		display: flex;
		flex: 1;
		height: 168rpx;
		margin-bottom: 24rpx;
		margin-left: 24rpx;
		margin-right: 24rpx;
		padding: 34rpx;
		position: relative;
	}

	.scheme_item.data-v-a80cfeba:active {
		background-color: #eee;
	}
</style>